import React, { useState, Children } from 'react';
import './index.scss'

export default function Title(props) {
    let { titleDescription, children } = props

    // console.log(text)
    return (
        <div className="title-header-components">
            <div className='icon-and-text'>
                <div className='icon'></div>
                <div className='text'>{titleDescription}</div>
            </div>
            <div className="annotation">
                {children}
            </div>
        </div>
    )
}
